跳到主要内容

简介

CSS 3 特性​

  • 完善选择器
  • 完善视觉效果
  • 完善背景效果
  • 完善盒模型
  • 增强背景功能
  • 增加阴影功能
  • 增加多列布局与弹性盒模型布局
  • 完善 Web 字体和 Web Font 图标
  • 增强颜色和透明度功能
  • 新增圆角与边框功能
  • 增加变形操作
  • 增加动画与交互效果
  • 完善媒体特性与 Responsive 布局

CSS 3 媒体特性可以实现一种响应式（ Responsive ）布局，使布局可以根据用户的显示终端或设备特性选择对应的样式文件，从而在不同的分辨率或设备下具有不同的布局效果，特别是在移动端上实现一种理想的特性。

1. CSS 自定义属性（CSS Variables）​

  • --* 定义属性，var() 函数使用变量
  • 变量的继承与层叠

2. 现代选择器​

  • :is()，:where()，has() （父选择器）等

3. 容器查询（Container Queries）​

了解其与媒体查询的区别及应用场景

4. 可访问性（Accessibility）​

  • 使用语义化 HTML 配合 CSS
  • :focus，:focus-visible 等伪类的合理使用